<!DOCTYPE html>
<html>
<head>
	<title>完善信息</title>
	<link rel="stylesheet" type="text/css" href="./dist/lib/weui.min.css">
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		
		.addInfo {
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			background-color: #eee;
			min-height: 670px;
		}
		.addInfoForm {
			min-width: 320px;
			width: 100%;
			height: 182px;
			background-color: #fff;
			margin-top: 0;
			padding-left: 0;
		}
		.addInfoForm-item {
			height: 44.5px;
			color: #42323d;
			font-family: PingFang-SC-Medium;
			font-size: 17px;
			padding-left: 10px;
		}
		.addInfoForm-item ::-webkit-input-placeholder {
			color: #b2b2b2;
			font-size: 17px;
		}
		.addInfoForm-item .vercodeBtn {
			width: 128px;
			height: 40px;
			background-color: #42323d;
			border-radius: 3px;
			color: #fff;
			margin-right: 14px;
		}
		.infoTips {
			height: 100px;
			margin-bottom: 7px;
		}
		.acceptInfo {
			height: 135px;
		}
		.addInfoForm .weui-label {
			width: 115px;
		}
		.submitInfo {
			border: none;
			outline: none;
			background: url("./statics/img/submitBtn.png") no-repeat center;
			width: 345px;
			height: 46px;
			text-align: center;
			font-size: 17px;
			color: #42323d;
			font-family: PingFang-SC-Medium;
			margin-top: 45px;
			align-self: center;
		}
	</style>
</head>
<body>
	<div class="mainContent">
		<div class="addInfo">
			<div class="weui-cells weui-cells_form addInfoForm">
				<div class="weui-cell weui-cell_vcode addInfoForm-item">
				    <div class="weui-cell__hd">
				      <label class="weui-label">手机号:</label>
				    </div>
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="tel" placeholder="请输入手机号">
				    </div>
				</div>
				<div class="weui-cell weui-cell_vcode addInfoForm-item">
				    <div class="weui-cell__hd">
				      <label class="weui-label">验证码:</label>
				    </div>
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="tel" placeholder="请输入验证码">
				    </div>
				    <div class="weui-cell__ft">
				      <button class="weui-vcode-btn vercodeBtn">获取验证码</button>
				    </div>
				</div>
				<div class="weui-cell weui-cell_vcode addInfoForm-item">
				    <div class="weui-cell__hd">
				      <label class="weui-label">邮箱:</label>
				    </div>
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="tel" placeholder="请输入邮箱">
				    </div>
				</div>
				<div class="weui-cell weui-cell_vcode addInfoForm-item">
				    <div class="weui-cell__hd">
				      <label class="weui-label">微信:</label>
				    </div>
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="tel" placeholder="请输入微信号">
				    </div>
				</div>

			</div>
			<div class="tips infoTips">
				<ul>
					<li>
						小提示
					</li>
				</ul>
				<p>
					请您仔细填写收件人姓名、电话及联系地址，我们会在开课前为您寄送相关学习资料来配合学习。
				</p>
			</div>
			
			<div class="weui-cells weui-cells_form addInfoForm acceptInfo">
				<div class="weui-cell weui-cell_vcode addInfoForm-item">
				    <div class="weui-cell__hd">
				      <label class="weui-label">收件人姓名:</label>
				    </div>
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="tel" placeholder="请输入收件人姓名">
				    </div>
				</div>
				<div class="weui-cell weui-cell_vcode addInfoForm-item">
				    <div class="weui-cell__hd">
				      <label class="weui-label">收件人手机号:</label>
				    </div>
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="tel" placeholder="请输入收件人手机号">
				    </div>
				</div>
				<div class="weui-cell weui-cell_vcode addInfoForm-item">
				    <div class="weui-cell__hd">
				      <label class="weui-label">收件人地址:</label>
				    </div>
				    <div class="weui-cell__bd">
				      <input class="weui-input" type="tel" placeholder="请输入收件人地址">
				    </div>
				</div>
			</div>
			<button class="submitInfo">提交</button>
		</div>
	</div>
</body>
</html>